<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	template="/WEB-INF/templates/template.xhtml">
	
	<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.asistencia.falta.pagina.titulo']}" /></h3>
	</ui:define>	

	
	<ui:define name="content">
		<h:form id="formFalta">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton id="btnRefrescar" value="Refrescar" icon="ui-icon-arrowrefresh-1-w" >
					</p:commandButton>
					<p:commandButton id="btnNuevaFalta" value="Insertar" icon="ui-icon-disk" oncomplete="dlgNuevoFalta.show()">
						</p:commandButton>
				</p:toolbarGroup>
			</p:toolbar>
			
			<p:panel id="pnlBuscar" header="#{i18n['erp.asistencia.empleado.buscar']}">
				<table class="formulario">

					<tr>
						<td width="30%"><h:outputLabel value="#{i18n['erp.asistencia.empleado.cedula']}" /> </td>
					<td width="70%">
							<p:inputText id="txtCi"
								value="#{faltaDataManager.faltaBuscar.perCi}" />
						</td>
					</tr>
				
					<tr>
						<td width="30%"><h:outputLabel value="#{i18n['erp.asistencia.empleado.nombres']}" /> </td>
					<td width="70%">
							<p:inputText id="txtNombreBuscar"
								value="#{faltaDataManager.faltaBuscar.perNombres}" />
						</td>
					</tr>
					
					<tr>
						<td width="30%"><h:outputLabel value="#{i18n['erp.asistencia.empleado.apellidos']}" /> </td>
					<td width="70%">
							<p:inputText id="txtApellidosBuscar"
								value="#{faltaDataManager.faltaBuscar.perApellidos}" />
						</td>
					
					</tr>
				</table>
			</p:panel>

			<p:panel id="botonesBuscar">
				<p:commandButton id="btnBuscar"
					actionListener="#{faltaController.buscar}"
					value="#{i18n['label.buscar']}" 
					process="@this,pnlBuscar"
					update=":formFalta:pnlMessages,tabla,pnlBuscar" />
			</p:panel>


			<p:dataTable id="tabla" rowIndexVar="rowIndex" paginator="true" rows="5" paginatorPosition="bottom"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15" emptyMessage="#{i18n['erp.asistencia.falta.lista']}" value="#{faltaDataManager.faltaList}" var="fal">
				
				<f:facet name="header">
					#{i18n['erp.asistencia.falta.lista']}
				</f:facet>
				<p:column headerText="#" styleClass="centered" width="5%">
					#{rowIndex+1}
				</p:column>

				<p:column headerText="#{i18n['erp.asistencia.empleado.cedula']}" width="20%">
					<h:outputText value="#{fal.perCi}" />
				</p:column>								

				<p:column headerText="#{i18n['erp.asistencia.empleado.nombres']}" width="40%">
						<h:outputText value="#{fal.perNombres}" />
				</p:column>
				
				<p:column headerText="#{i18n['erp.asistencia.empleado.apellidos']}" width="40%">
					<h:outputText value="#{fal.perApellidos}" />
				</p:column>				

				<p:column headerText="Fecha Falta" width="20%">
					<h:outputText value="#{fn:substring(fal.falFecha.toString(),0,10)}" />
				</p:column>				


			</p:dataTable>			
	
</h:form>			
		
		
<ui:include src="dialogNuevoFalta.xhtml" />		
		
	</ui:define>
</ui:composition>